/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.pos{position: relative;width:100%;left:50%;transform: translateX(-50%);}
.wh{width:1200px;margin:0 auto;padding-top: 170px;}
.wd1200{width:1200px;margin: 0 auto;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.max1300{max-width:1400px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.pd20{}
.flex{display: flex;justify-content: space-between;}
.flex2{display: flex;}

/*头部样式*/
.top_head{z-index:999; width:100%; background:#fff;}
.top_head>.flex{align-items: center;}
.logo{position: relative;}
.logo a{display: block;}
.logo a img{display: block;max-width: 100%;}
.top_right{}
.top_aa{ width:100%; background:#3e3e3e; height:35px; line-height:35px;color:#fff;}
.top_seo{margin: 0 15px;font-size: 14px;color: #fff;}
.top_seo a{font-size: 14px;color: #fff;}

.c2_index{position: relative;padding: 50px 0;}
.ttt1{text-align: center;}
.ttt1 h3{font-size: 44px;color: #333333;font-weight: bold;}
.ttt1 p{font-size: 18px;color: #666666;padding-top: 15px;}

.c2_con{position: relative;margin-top: 50px;overflow: hidden;}
.c2_con ul{ width: 100%; height: 100%;overflow: hidden;}
.c2_con ul li{width: 14.5%;float: left; transition: all 1s ease;height: 100%;position: relative;border-left:1px solid #fff;}
.c2_con ul li h2{font-size: 20px;color: #fff;writing-mode: vertical-lr;margin: 0 auto;position: absolute;left:50%;top: 0;transform: translateX(-50%);z-index: 999;
letter-spacing: 2px;background: url(../images/49316a7062f22741929313c10e1ac572fd2d3f4e.png) no-repeat top center;padding-top: 70px;font-weight: normal;}
.c2_con ul li a{display: block}
.c2_con ul li .cocimg{position: relative;height: 580px;}
.c2_con ul li .cocimg img{height: 100%;width: 875px;}

.c2_con ul li .fugg{position: absolute;bottom: 0px;left: 0px;z-index: 99;display: none;padding: 2.0833vw;width: 100%;background: url(../images/jj_back.png) no-repeat;background-size: cover;}
.c2_con ul li .fugg h3{font-size: 26px;color:#fff;padding-left: 60px;margin-bottom: 20px;font-weight: bold;padding-top: 5px;padding-bottom: 5px;line-height: 40px;
background: url(../images/bf9d0a37f25d16295036a76428882f9cb717067d.png) no-repeat left center;}
.c2_con ul li .fugg span{font-size: 15px;color:rgba(255, 255, 255, 0.7);display: block;line-height: 1.7;}

.c2_con ul li::before{background: rgba(0,13,28,.4);position: absolute;left: 0px;top: 0px;content: "";z-index: 999;width: 100%;height: 100%;}

.c2_con ul:hover li{width: 14.5%;}
.c2_con ul li.active{width: 42%;}
.c2_con ul li.active::before{display: none;}
.c2_con ul li.active h2{display:none;}
.c2_con ul li.active .fugg{display: block;}
.c2_con ul li.active .fugg a{color: #dadada;}
.c2_con ul li.active .fugg a:hove{color: #dadada;}

/* c4_index */
.c4_index{position: relative;background: url(../images/back3.jpg) no-repeat;background-size: 100% 100%;background-repeat:no-repeat; background-position:center center; background-attachment:fixed;
padding-top: 4.6875vw;padding-bottom: 50px;overflow:hidden; /*filter: hue-rotate(180deg);*/    filter: grayscale(70%);}

.c4left{position: relative;width:100%; text-align:center; color:#fff;}
.c4left .c4_title{display: flex;align-items: center;justify-content: space-between;padding-top: 30px;}
.c4_title h3{font-size:36px; line-height:45px; width:100%;}
.c4_title h3 p{ font-size:20px;}
.c4left .abbtxt{padding:10px 0;font-size: 16px;line-height:35px;}

/* number */
.number{display: flex;justify-content: space-between;margin-top: 4.1666vw;position: relative;z-index: 999; color:#fff;}
.number li{position: relative;text-align: center;width: 25%;padding: 25px 0;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.number li span {font-size: 16px;font-weight: normal;font-style: inherit;}
.number li h3 i {font-style: inherit;font-size: 3.54166vw;font-weight: 600;font-family: "Arial";}
.number li p {font-size: 16px;line-height: 1.7;padding-top: 0px;}
.number li:hover{transform: scale(1.1);cursor: pointer;}
.number li:hover span,
.number li:hover h3 i,
.number li:hover p{color: #fff;}

.c4right{position: absolute;right: 0px;bottom: 0px;width: 50%;}
.c4right img{display: block;max-width: 100%;}

/* c5_index */
.c5_index{position: relative;padding-top: 70px;padding-bottom: 120px; height:960px;background:#f3f3f3;}
.c5_con{position: relative; width:1400px;}
.porduct li{ width:690px; float:left; height:310px; background:#fff;margin:25px 0px; padding:30px;transition: all 800ms;}
.porduct li:hover{box-shadow: 0px 0px 10px 0px #ccc;transition: all 800ms; cursor:pointer;-webkit-transform: translate(5px, -5px);transform: translate(5px, -5px);}
.porduct li:nth-child(2n){ float:right;}
.porduct li .pro_l{ width:60%; float:left;}
.porduct li .pro_l h4{ font-size:18px; font-weight:900;width: 375px;height:27px;overflow: hidden;}
.porduct li .pro_l p{ font-size:16px; line-height:35px; margin:20px 20px 30px 0;max-height: 130px;overflow: hidden;}
.porduct li .pro_l>a{padding: 10px 60px 10px 30px;;border-radius: 30px; border:1px #ccc solid; background:url(../images/mor.png)95px center no-repeat; font-size:14px;transition: all 200ms;}
.porduct li:hover .pro_l>a{background:url(../images/mor_h.png)#666 95px center no-repeat; font-size:14px; color:#fff;border:1px #666 solid;transition: all 200ms;}
.porduct li .pro_r{ width:40%; float:right;border: 1px #efefef solid;}
.xypg-pagination>.pagination>p{height: 30px;}
.xypg-pagination>.pagination>a{height: 30px;}
/* c6_index */
.c6_index{position: relative;padding-top:120px;padding-bottom: 30px;}
.c6_con{margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.c6left{width:38%;background-color: #f5f5f5;}
.c6_list1{position: relative;}

.c6_list1 li .img{
    overflow: hidden;
}
.c6_list1 li .img img{
    width: 100%;
}
.c6_list1 li .text{
    padding:16px;
}
.c6_list1 li .text h3{
    color: #333333;
    font: 600 18px/36px "Microsoft yahei";
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.c6_list1 li .text p{
    color: #666666;
    font: 400 14px/26px "Microsoft yahei";
}
.c6_list1 li .text .x-news-more{
    background: url(../images/f37f29aef7d41add58ea66015abdec6230f9f9a5.png) no-repeat 90px center;
    color: #999999;
    border-left: 1px solid #999999;
    font: 400 14px/14px "Microsoft yahei";
    padding-left: 10px;
    margin-top: 20px;
}
.c6_list1 li:hover .text h3{
    color: #2e5795;
}
.fadeInRight{ width:59%; float:right;}
.prolist2{text-align:center;background: #3c3c3c;}
.prolist2 li{text-align:center;display:inline-block;width:33%;line-height:70px;height:70px;color:#fff;font-size:20px;cursor:pointer;background:#3c3c3c;}
.prolist2 li.cur{color:#fff;background:#303030;}

.cont .proimg2{display:none;margin-top:32px;}
.cont .proimg2.clicked{display:block;}
.cont .proimg2 li{float:left;position:relative;background:#fff;width:100%;height:50px; line-height:40px;border-bottom: 1px #ccc solid;}
.cont .proimg2 li:nth-child(1){float:left;position:relative;background:#fff;width:100%;height:158px;}
.cont .proimg2 li:nth-child(1) h3{color:#085dc0;border-bottom: 1px #ccc solid; font-size:18px;}
.cont .proimg2 li:nth-child(1) h3 span{ float:none; line-height:35px; font-size:16px;color:#085dc0;}
.cont .proimg2 li .img{width:26%;float:left;overflow:hidden;}
.cont .proimg2 li p{ font-size:16px; line-height:35px;}
.cont .proimg2 li .img img{width:200px;height:138px;transition: .6s;}
.cont .proimg2 li .img:hover img{transform: scale(1.1);}
.cont .proimg2 li .det{width:67%;float:left;margin-left:30px;}
.cont .proimg2 li a{color:#000;font-size:18px;font-weight:normal;transition: all 300ms;background: url(../images/mor.png)-30px center no-repeat;}
.cont .proimg2 li:hover a{color:#085dc0; padding-left:20px; transition: all 300ms;background: url(../images/mor.png)-10px center no-repeat;}
.cont .proimg2 li span{color:#666666;font-size:14px;display:block; float:right;}
.c7_index{ width:100%;}
.c7_index ul.c7_con{ width:1400px; margin:75px auto; height:255px;}
.c7_index ul.c7_con li{ width:680px; height:254px; overflow:hidden; float:left; position: relative;}
.c7_index ul.c7_con li:nth-child(2){ float:right;}
.c7_index ul.c7_con li a{ position:absolute; bottom:20px; right:20px;color:#fff;background: url(../images/mor_h.png) hsl(0deg 0% 0% / 79%) 100px center no-repeat; width:140px; height:42px; display:block; line-height:42px; font-size:16px; padding-left:20px;}
.c7_index ul.c7_con li:hover a{background: url(../images/mor_h.png) hsl(212deg 93% 28% / 82%) 100px center no-repeat;}
/* foot_wap */
.foot_wap{
    position: relative;
   /* background: url(../images/fot.jpg) no-repeat top center;*/
    background-size: cover;
    background:#202020;
}

.ft_top{position: relative;border-top: 5px solid #202020; padding-top: 40px;padding-bottom: 40px;}
.x-footer{background:#111!important;}
/* ft_aa */
.ft_aa{position: relative;width:80%;}
.x-layout-menu{position: relative;}
.x-layout-menu dl {float: left;width:14%;}
.x-layout-menu dd{margin:0px;}
.x-layout-menu dl dt {font-size: 18px;color: #fff;margin-bottom: 1.03em;font-weight: bold;}
.x-layout-menu dl dd a {display: block;font-size: 14px;color: #fff;line-height: 2;}
.x-layout-menu dl dd a:hover{color: #fff;}
/* ft_cc */
.ft_cc{position: relative;width:20%;}
.ft_ewm {text-align: center;font-size: 14px;color: #b8b8b8;line-height: 40px;margin-top: 20px;}
.ft_ewm img{display: block;max-width: 100%;}


@media (max-width: 1200px){
    .x-menu>li>a{font-size: 16px;}
}

@media (max-width: 992px){
    .aa_list li{width: 20%;padding: 0 5px;}
    .aa_list li .aatxt h3{font-size: 18px;}
    .aa_list li .aatxt p{font-size: 14px;}
    .ttt1 h3{font-size: 30px;}
    .ttt1 p{font-size: 14px;}

    .c2_index{padding: 35px 0;}
    .c2_con{margin-top: 35px;}
    .c2_con ul li h2{font-size: 16px;}
    .c2_con ul li .fugg h3{font-size: 20px;margin-bottom: 10px;}
    .c2_con ul li .fugg span{font-size: 13px;}
    .c2_con ul li .cocimg{height: 480px;}

    .c3_index{padding-top: 0;}
    .c3_con{margin-top: 35px;}
    .his_small{padding: 0 8.3333vw;}
    .mySwiper .swiper-slide img{height: 100px;}

    .c4left{width: 100%;}
    .c4right{position: relative;margin-top: 30px;width: 100%;}
    .c4_title b{font-size: 25px;}
    .c4_title h3{font-size: 25px;}

    .c5_index{padding-top: 35px;}
    .c5_con{margin-top: 35px;}

    .c6_con{margin-top: 35px;}
    .c6_con>div{width: 100%;}
    .c6left{margin-bottom: 20px;}
    .c6_list1 li .text h3{font-size: 16px;line-height: 30px;}
    .c6_list2 li .text h3{font-size: 16px;line-height: 30px;}

    .x-layout-phone span{font-size: 24px;}
}


@media (max-width: 768px){
    .aa_list{flex-wrap: wrap;justify-content: flex-start;padding: 15px 0;}
    .aa_list li{width: 50%;margin-bottom: 15px;}
    .ttt1 h3{font-size: 25px;}
    .c2_con ul li .fugg{padding: 15px;}
    .c2_con ul li .fugg h3{background-size: 25px 25px;font-size: 16px;padding-left: 30px;line-height: 30px;}
    .c2_con ul li .fugg span{font-size: 12px;text-overflow: -o-ellipsis-lastline;
        overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;
    }
    .mySwiper{padding: 15px 0;}
    .mySwiper .swiper-slide img{height: 70px;}
    .mySwiper .swiper-slide h3{font-size: 14px;}

    .c4_title b{font-size: 22px;}
    .c4_title h3{font-size: 22px;}
    .c4left .abbtxt{font-size: 14px;}

    .number li span{font-size: 12px;}
    .number li h3 i{font-size: 18px;}
    .number li p{font-size: 12px;}

    .c6_list1 li .text{padding: 15px;}
    .c6_list2 li .img{width: 35%;}
    .c6_list2 li .text{width: 60%;}

    .c6_list2 li .text h3{font-size: 15px;line-height: 25px;font-weight: normal;}
    .c6_list2 li .text p{font-size: 12px;line-height: 25px;}

    .ft_top{padding: 25px 0;}
    .ft_top .flex{flex-wrap: wrap;}
    .ft_top .flex>div{width: 100%;}
    .ft_top .flex>.ft_cc{width: 120px;} 
}

@media (max-width: 480px){
    .x-footer{font-size: 12px;}
    .c2_con ul li .cocimg{height: 350px;}

    .aa_list li .aaimg img{width: 60px;}
    .aa_list li .aatxt{width: calc(100% - 60px);}
}